<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="icon" href="img/fav-icon.png" type="image/x-icon" />
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>百草视科技-关于我们</title>

    <!-- Icon css link -->
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Rev slider css -->
    <link href="vendors/revolution/css/settings.css" rel="stylesheet">
    <link href="vendors/revolution/css/layers.css" rel="stylesheet">
    <link href="vendors/revolution/css/navigation.css" rel="stylesheet">

    <!-- Extra plugin css -->
    <link href="vendors/owl-carousel/owl.carousel.min.css" rel="stylesheet">
    <link href="vendors/magnify-popup/magnific-popup.css" rel="stylesheet">

    <link href="css/style.css" rel="stylesheet">
    <link href="css/responsive.css" rel="stylesheet">

    <script src="js/jquery.js"></script>

</head>

<body>

    <!--================ 顶部导航栏 =================-->
    <header class="main_menu_area">
        <nav class="navbar navbar-expand-lg navbar-light bg-light">
            <a class="navbar-brand" href="index.html"><img src="img/logo.png" alt=""></a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"
                aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
                <span></span>
                <span></span>
                <span></span>
            </button>

            <div class="collapse navbar-collapse" id="navbarSupportedContent">
                <ul class="navbar-nav">
                    <li class="nav-item"><a class="nav-link" href="index.html">主页</a></li>
                    <li class="nav-item active"><a class="nav-link" href="about-us.html">关于我们</a></li>
                    <li class="nav-item"><a class="nav-link" href="service.html">服务介绍</a></li>
                    <li class="nav-item"><a class="nav-link" href="contact.html">意见反馈</a></li>
                </ul>
            </div>
        </nav>
    </header>
    <!--================ 顶部导航栏结束 =================-->

    <!--================ 大标题开始 =================-->
    <section class="banner_area">
        <div class="container">
            <div class="banner_inner_text">
                <h2>关于我们</h2>
                <p>了解我们的公司</p>
            </div>
        </div>
    </section>
    <!--================ 大标题结束 =================-->

    <!--================ 公司介绍开始 =================-->
    <section class="challange_area p_100">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-6">
                    <div class="challange_text_inner">
                        <div class="l_title">
                            <img src="img/icon/title-icon.png" alt="">
                            <h6>GuangZhou BAICAOSHI Technology Co. Ltd.</h6>
                            <h2>广州百草视科技有限公司</h2>
                        </div>
                        <p>本公司是一家专注于中药材气味智能鉴别系统的研发及定制、以及智慧中草药沉浸式互动展示平台的研发及定制，为中药材无损高精准鉴别，更好的中药材展示模式提供解决方案的企业。
                            公司秉承科技引领创新，专注智慧中药领域应用，践行“三高四新” 战略，为我国中医药行业发展贡献一份力量</p>
                        <!-- <div class="c_video">
                            <a class="popup-youtube" href="https://www.youtube.com/watch?v=62QYQE6k7tg"><img
                                    src="img/icon/video-icon.png" alt="">公司宣传片</a>
                        </div> -->
                    </div>
                </div>
                <!-- <div class="col-lg-6 challange_img">
                    <div class="challange_img_inner">
                        <img class="img-fluid" src="img/popup-photo.jpg" alt="">
                    </div>
                </div> -->
            </div>
        </div>
    </section>
    <!--================ 公司介绍结束 =================-->

    <!--================ 团队成员介绍开始 =================-->
    <section class="testimonials_area" style="margin-bottom: 100px;">
        <div class="container">
            <div class="testimonials_slider owl-carousel" id="member-container">
                <!-- <div class="item">
                    <div class="testi_item">
                        <h3>成员名字</h3>
                        <p>成员介绍</p>
                        <div class="media">
                            <div class="d-flex">
                                <img class="rounded-circle" src="img/testimonials/testi-1.jpg" alt="">
                            </div>
                            <div class="media-body">
                                <h4>成员职务</h4>
                                <h5>成员性别</h5>
                            </div>
                        </div>
                    </div>
                </div> -->
            </div>
        </div>
    </section>

    <script src="js/member.js"></script>
    <!--================ 团队成员介绍结束 =================-->

    <!--================ 指导老师介绍开始 =================-->
    <section class="testimonials_area">
        <div class="container">
            <div class="testimonials_slider owl-carousel">
                <div class="item">
                    <div class="testi_item">
                        <h3>周华英</h3>
                        <p id="teacher1" onclick="alert(document.querySelector('#teacher1').innerText)">
                            广东药科大学医药信息工程学院，讲师，研究方向：仿生嗅觉、信息获取与控制、医药信息处理等，研究领域涉及：气味数字化、中药材气味鉴别、中医四诊信息融合等。曾主持或参与国家、
                            省、厅级项目 12 项，在国内外学术期刊或会议发表论文 18 篇，其中 5 篇被 SCI 收录。曾指导学生参加科研项目多项，指导学生发表学术论文多篇，
                            指导学生参加全国大学生创新创业项目获国家级、省级多项；指导学生参加 “挑战杯” 竞赛获省级、校级多项</p>
                        <div class="media">
                            <!-- <div class="d-flex">
                                <img class="rounded-circle" src="img/testimonials/testi-1.jpg" alt="">
                            </div> -->
                            <div class="media-body">
                                <h4>中共党员，工学博士</h4>
                                <h5>女</h5>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="testi_item">
                        <h3>蔡永铭</h3>
                        <p id="teacher2" onclick="alert(document.querySelector('#teacher2').innerText)">
                            广东药科大学医药信息工程学院，教授，硕士导师，美国 UTD
                            计算机系访问学者，南粤优秀教师。现任广东药科大学医药信息工程学院（信息中心）院长（主任）、国家药监局药物警戒技术研究与评价重点实验室主要学术带头人、广东省中医药精准医学大数据工程研究中心主任、广东省保密技术专家、广东省网络安全协会专家组副组长。兼任世中联中医药信息专委会常务理事、中国民族药学会信息与大数据分会常委、中国医药教育协会智能医学专委会副主委、广东省计算机学会人工智能专委会副主委等学术团体职务。主持参与国家自然基金、国家留学基金委、教育部、广东省自然基金委、广东科技厅、广东教育厅等各类基金
                            30 多项，在国内外发表论文 50 多篇，主编、副主编各类规划教材 20 余部，拥有和转让专利 3 项，软件著作权 5
                            项。主要研究领域包括医药大数据与智能医学、药品不良反应与药物警戒、网络药理学与生物信息数据挖掘等</p>
                        <div class="media">
                            <!-- <div class="d-flex">
                                <img class="rounded-circle" src="img/testimonials/testi-2.jpg" alt="">
                            </div> -->
                            <div class="media-body">
                                <h4>中共党员，博士</h4>
                                <h5>男</h5>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="testi_item">
                        <h3>张琦</h3>
                        <p id="teacher3" onclick="alert(document.querySelector('#teacher3').innerText)">
                            广东药科大学医药信息工程学院，讲师，研究方向：数字媒体技术、医药虚拟仿真应用。曾主持或参与厅局项目 3 项、教研项目 5 项，参与发表相关论文 10
                            余篇。多次指导学生参加学科行业竞赛获得全国一等奖、二等奖、全省一二等奖等。完成指导广东省大学生创新创业项目 2 项，广东省攀登计划项目 1 项。2019
                            年被评为广东省大学生计算机设计大赛优秀指导老师，2020 年被评为全国大学生计算机设计大赛一星级优秀指导教师。</p>
                        <div class="media">
                            <!-- <div class="d-flex">
                                <img class="rounded-circle" src="img/testimonials/testi-3.jpg" alt="">
                            </div> -->
                            <div class="media-body">
                                <h4>中共党员， 信息技术硕士</h4>
                                <h5>女</h5>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="testi_item">
                        <h3>李金城</h3>
                        <p id="teacher4" onclick="alert(document.querySelector('#teacher4').innerText)">
                            广东药科大学医药信息工程学院，讲师，信息管理与信息系统系系主任，研究方向：机器学习。曾主持广东省自然科学基金 1 项，参与国家级自然科学基金课题、省级、厅级等 3 项，参与发表相关
                            SCI 论文及会议论文 8 余篇</p>
                        <div class="media">
                            <!-- <div class="d-flex">
                                <img class="rounded-circle" src="img/testimonials/testi-1.jpg" alt="">
                            </div> -->
                            <div class="media-body">
                                <h4>计算机专业博士</h4>
                                <h5>男</h5>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="testi_item">
                        <h3>李恬婷</h3>
                        <p id="teacher5" onclick="alert(document.querySelector('#teacher5').innerText)">
                            本科毕业于华南师范大学心理学专业，研究生毕业于中山大学马克思主义思想政治教育专业。一直从事高校政治辅导员工作，承担大学生心理健康教育、形势政策教育、大学生就业指导、职业生涯规划等课程。承担省教育厅思政课题两项、市教育局课题一项。指导学生参加挑战杯、大创项目多项，其中挑战杯获省赛铜奖一项；大创获省级立项一项。社会任职：高校心理咨询师，广东省家庭教育指导中心特聘专家团队成员。研究方向：大学生道德情感教育、大学生创新实践教育
                        </p>
                        <div class="media">
                            <!-- <div class="d-flex">
                                <img class="rounded-circle" src="img/testimonials/testi-1.jpg" alt="">
                            </div> -->
                            <div class="media-body">
                                <h4>助理研究员</h4>
                                <h5>女</h5>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--================ 指导老师介绍结束 =================-->

    <!--================ 公司地址开始 =================-->
    <section class="we_company_area p_100">
        <div class="container">
            <div class="row company_inner">
                <div class="col-lg-6">
                    <div class="left_company_text">
                        <div class="l_title">
                            <img src="img/icon/title-icon.png" alt="">
                            <h6>we company area</h6>
                            <h2>我们是一家位于 <span>广东药科大学</span> 的公司</h2>
                        </div>
                        <p>广东药科大学（Guangdong Pharmaceutical
                            University），简称“广药大”（GDPU），位于广东省广州市，是全国三所药科大学之一，是华南地区最早开办药学系列专业的高等学府。学校是粤港澳医药产业协同创新联盟、中国整合药学联盟牵头单位，是中俄医科大学联盟成员单位。
                        </p>
                    </div>
                </div>
                <!-- <div class="col-lg-6">
                    <div class="company_skill">
                        <p></p>
                        <div class="our_skill_inner">
                            <div class="single_skill">
                                <h3>Development</h3>
                                <div class="progress" data-value="70">
                                    <div class="progress-bar">
                                        <div class="progress_parcent"><span class="counter">70</span>%</div>
                                    </div>
                                </div>
                            </div>
                            <div class="single_skill">
                                <h3>Design</h3>
                                <div class="progress" data-value="90">
                                    <div class="progress-bar">
                                        <div class="progress_parcent"><span class="counter">90</span>%</div>
                                    </div>
                                </div>
                            </div>
                            <div class="single_skill">
                                <h3>SEO</h3>
                                <div class="progress" data-value="85">
                                    <div class="progress-bar">
                                        <div class="progress_parcent"><span class="counter">85</span>%</div>
                                    </div>
                                </div>
                            </div>
                            <div class="single_skill">
                                <h3>Development</h3>
                                <div class="progress" data-value="90">
                                    <div class="progress-bar">
                                        <div class="progress_parcent"><span class="counter">90</span>%</div>
                                    </div>
                                </div>
                            </div>
                            <div class="single_skill">
                                <h3>Management</h3>
                                <div class="progress" data-value="75">
                                    <div class="progress-bar">
                                        <div class="progress_parcent"><span class="counter">75</span>%</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div> -->
            </div>
        </div>
    </section>
    <!--================ 公司地址结束 =================-->

    <!--================End We Are Company Area =================-->
    <!-- <section class="talk_area">
        <div class="container">
            <div class="talk_text">
                <h4>Are you ready to talk?</h4>
                <a href="mailto:contact@sierracompany.com">contact@sierracompany.com</a>
            </div>
        </div>
    </section> -->
    <!--================End We Are Company Area =================-->

    <!--================ 订阅开始 =================-->
    <footer class="footr_area">
        <div class="footer_widget_area">
            <div class="container">
                <div class="row footer_widget_inner">
                    <div class="col-lg-4 col-sm-6">
                        <aside class="f_widget f_about_widget">
                            <p>中药材无损高精准鉴别， 更好的中药材展示模式， 就在百草视！</p>
                        </aside>
                    </div>
                    <!-- <div class="col-lg-4 col-sm-6">
                        <aside class="f_widget f_insta_widget">
                            <div class="f_title">
                                <h3>Instagram</h3>
                            </div>
                            <ul>
                                <li><a href="#"><img src="img/instagram/ins-1.jpg" alt=""></a></li>
                                <li><a href="#"><img src="img/instagram/ins-2.jpg" alt=""></a></li>
                                <li><a href="#"><img src="img/instagram/ins-3.jpg" alt=""></a></li>
                                <li><a href="#"><img src="img/instagram/ins-4.jpg" alt=""></a></li>
                                <li><a href="#"><img src="img/instagram/ins-5.jpg" alt=""></a></li>
                                <li><a href="#"><img src="img/instagram/ins-6.jpg" alt=""></a></li>
                                <li><a href="#"><img src="img/instagram/ins-7.jpg" alt=""></a></li>
                                <li><a href="#"><img src="img/instagram/ins-8.jpg" alt=""></a></li>
                            </ul>
                        </aside>
                    </div> -->
                    <div class="col-lg-4 col-sm-6">
                        <aside class="f_widget f_subs_widget">
                            <div class="f_title">
                                <h3>订阅我们，接收百草视最新消息</h3>
                            </div>
                            <div class="input-group">
                                <input type="text" class="form-control" placeholder="你的邮箱地址"
                                    aria-label="Your e-mail address here">
                                <span class="input-group-btn">
                                    <button class="btn btn-secondary submit_btn" id="subscribe"
                                        type="button">订阅</button>
                                </span>
                            </div>
                        </aside>
                    </div>
                </div>
            </div>
        </div>
        <!-- 
        <div class="footer_copyright">
            <div class="container">
                <div class="float-sm-left">
                    <h5>
                        Copyright &copy;
                        <script>document.write(new Date().getFullYear());</script> All rights reserved | This template
                        is made with <i class="fa fa-heart-o" aria-hidden="true"></i> by <a href="https://colorlib.com"
                            target="_blank">Colorlib</a>
                    </h5>
                </div>
                <div class="float-sm-right">
                    <ul>
                        <li><a href="#"><i class="fa fa-pinterest"></i></a></li>
                        <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                        <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                        <li><a href="#"><i class="fa fa-dribbble"></i></a></li>
                        <li><a href="#"><i class="fa fa-behance"></i></a></li>
                        <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
                    </ul>
                </div>
            </div>
        </div>
    -->
    </footer>
    <!--================ 订阅结束 =================-->





    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <!-- <script src="js/jquery.js"></script> -->
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/popper.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <!-- Rev slider js -->
    <script src="vendors/revolution/js/jquery.themepunch.tools.min.js"></script>
    <script src="vendors/revolution/js/jquery.themepunch.revolution.min.js"></script>
    <script src="vendors/revolution/js/extensions/revolution.extension.actions.min.js"></script>
    <script src="vendors/revolution/js/extensions/revolution.extension.video.min.js"></script>
    <script src="vendors/revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
    <script src="vendors/revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
    <script src="vendors/revolution/js/extensions/revolution.extension.navigation.min.js"></script>
    <script src="vendors/revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
    <!-- Extra plugin css -->
    <script src="vendors/counterup/jquery.waypoints.min.js"></script>
    <script src="vendors/counterup/jquery.counterup.min.js"></script>
    <script src="vendors/counterup/apear.js"></script>
    <script src="vendors/counterup/countto.js"></script>
    <script src="vendors/owl-carousel/owl.carousel.min.js"></script>
    <script src="vendors/magnify-popup/jquery.magnific-popup.min.js"></script>
    <script src="js/smoothscroll.js"></script>

    <script src="js/theme.js"></script>
    <script src="js/subscribe.js"></script>
</body>

</html>